<ul ng-repeat="item in data"
    ng-init="length=data.length-1;data = item.children;item.show=true;item.select=false;"
        class="m-l no-padder m-n">
    <div class="tree_switch center_docu tree-button" ng-class="{true:'bottom_docu',false:'center_docu'}[$index==length]"></div>
    <li class="inline no-padder m-n panel-body">
        <i class="tree-button roots_close text-muted" ng-class="{true:'roots_open',false:'roots_close'}[item.show]" ng-if="item.children.length>0" ng-click="item.show=!item.show"></i>
        <label class="inline checkbox i-checks i-checks-sm m-n ng-binding h5">
            <input type="checkbox" ng-checked="isCheck(item)" ng-click="updateSelection($event,item)"><i></i>
            {{item.label}}
        </label>
    </li>
    <div ng-include="'tpl/tree/tree.html'" ng-show="item.show" class="tree-container" ng-class="{true:'',false:'tree_line'}[$index==length]"></div>
</ul>